<script setup>

</script>

<template>
  <div>
    <h1>《Vue3》第11节：Vue3项目引入Font Awesome图标库</h1>
  </div>
  <div>
    <div>icon字符串形式</div>
    <font-awesome-icon icon="fas fa-home" size="2xl" spin="spin"/>
    <font-awesome-icon icon="fas fa-universal-access" />
    <el-button type="primary" spin="spin">
11111
    </el-button>
    <div>icon数组形式</div>
    <!-- 使用图标
 fas：表示使用哪种图标样式，有四个可选值：fal、far、fas、fad。
 home：图标名称
-->

    <font-awesome-icon :icon="['fal', 'home']" size="2xl" />
    <font-awesome-icon :icon="['far', 'home']" size="2xl"/>
    <font-awesome-icon :icon="['fas', 'home']" size="2xl" spin/>
    <font-awesome-icon :icon="['fad', 'home']" size="2xl" style="color: red"/>
  </div>
</template>

<style scoped>

</style>